<template>
	<view class="pageItem">
		<view class="logo">
			<image class="logo_img" src="../../static/logo.png" mode="widthFix"></image>
			<view class="l_txt">{{$t('locale.app')}}</view>
		</view>
		<view class="btn_item">
			<view class="btn" @click="$gotopage" data-url="/pages/public/login">{{$t('welcome.sign_in')}}</view>
			<!-- <view class="more"><label class="txt" @click="$gotopage" data-url="/pages/public/register">{{$t('welcome.sign_up')}}</label></view> -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			
		}
	}
</script>

<style lang="scss">
page{
	background: $main_color2;
}
.logo{
	width: 100%;
	height: 60vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	.logo_img{
		width: 25vw;
		height: 25vw;
	}
	.l_txt{
		font-size: 5vw;
		color: #fff;
		font-weight: bold;
		padding-top: 5vw;
		letter-spacing: 0.5vw;
	}
}
.btn_item{
	width: 80%;
	margin-left: 10%;
	height: 30vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	letter-spacing: 0.5vw;
	font-size: 4vw;
	font-weight: bold;
	.btn{
		width: 100%;
		line-height: 12vw;
		border-radius: 2vw;
		background: $main_color_s2;
		color: $main_color5;
		text-align: center;
	}
	.more{
		margin-top: 8vw;
		width: 100%;
		text-align: center;
		.txt{
			color: #fff;
		}
	}
}
</style>
